﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CustomToolbar._Default" %>
<%@ Register TagPrefix="tc" Namespace="TallComponents.Web.Pdf" Assembly="TallComponents.Web.PdfViewer" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
   <link rel="Stylesheet" type="text/css" href="Styles/start/jquery-ui-1.8.2.custom.css" />
   <link rel="Stylesheet" type="text/css" href="Styles/toolbar.css" />
   <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js" ></script>
   <script type="text/javascript" src="Scripts/jquery-ui-1.8.2.custom.min.js" ></script>
   <script type="text/javascript" src="Scripts/toolbar.js" ></script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<asp:Scriptmanager runat="server" id="sm1"></asp:Scriptmanager>
<!-- toolbar -->
<div class="fg-toolbar ui-widget-header ui-corner-all ui-helper-clearfix">
   <div class="fg-buttonset fg-buttonset-single">
		<a href="#" id='navigate-previous' class="fg-button ui-state-default  fg-button-icon-solo ui-corner-left" title="Previous"><span class="ui-icon ui-icon-triangle-1-w"></span> Previous</a>
		<div id='navigate-pages' class="fg-button ui-state-default">10 / 100</div>
		<a href="#" id='navigate-next' class="fg-button ui-state-default fg-button-icon-solo ui-corner-right" title="Next"><span class="ui-icon ui-icon-triangle-1-e"></span> Next</a>
	</div>
   <div class="fg-buttonset fg-buttonset-single">
		<a href="#" id='cursormode-pan' class="fg-button ui-state-default fg-button-icon-solo ui-corner-left" title="Pan"><span class="ui-icon ui-icon-arrow-4"></span> Pan</a>
		<a href="#" id='cursormode-zoomin' class="fg-button ui-state-default fg-button-icon-solo " title="Zoom in"><span class="ui-icon ui-icon-zoomin"></span> Zoom in</a>
		<a href="#" id='cursormode-zoomout' class="fg-button ui-state-default fg-button-icon-solo ui-corner-right" title="Zoom out"><span class="ui-icon ui-icon-zoomout"></span> Zoom out</a>
	</div>
   <div class="fg-buttonset fg-buttonset-single">
		<div id='zoom' class="fg-button ui-state-default ui-corner-left" title="Zoom">100%</div>
      <a id='zoom-width' href="#" class="fg-button ui-state-default  fg-button-icon-solo" title="Zoom to width"><span class="ui-icon ui-icon-arrow-2-e-w"></span> Zoom to width</a>
		<a id='zoom-page' href="#" class="fg-button ui-state-default fg-button-icon-solo ui-corner-right" title="Zoom to page"><span class="ui-icon ui-icon-document"></span> Zoom to page</a>
	</div>
   <div class="fg-buttonset fg-buttonset-single">
		<a id="saveDocumentButton" runat="server" target="_blank" class="fg-savebutton ui-state-default ui-corner-left ui-corner-right" title="Save document">Save</a>
	</div>
   <div class="busy ui-corner-all" title="Processing...">
   <img src="Images/busy.gif" alt="Processing..." /> Processing...
</div>
</div>
<!-- viewer -->
<tc:PdfViewer runat="server" ID="PdfViewer1" ServiceUrl="pageasimage.ashx" ZoomMode="FitToPage" SearchServiceUrl="Search.ashx" Width="918px" Height="750px" StorageKey='pdfarchiving.pdf' />
<script type="text/javascript">
   var toolbar = null;
   // start toolbar when ASP.NET Ajax is ready
   Sys.Application.add_load(function () {
      toolbar = new PdfToolbar($('.fg-toolbar'), $find('<%= PdfViewer1.ClientID %>'));
      toolbar.init();
   });
</script>
</asp:Content>
